<template>
  <div>
    <div class="top">
      <van-nav-bar
        title="设置"
        left-text=" "
        left-arrow
        @click-left="$router.back()"
      />
    </div>
    <div class="conter">
      <van-notice-bar mode="link">意见反馈</van-notice-bar>
      <van-notice-bar mode="link">清除缓存</van-notice-bar>
      <van-notice-bar mode="link">推荐菜谱大全给好友</van-notice-bar>
      <van-notice-bar mode="link">用户服务协议</van-notice-bar>
      <van-notice-bar mode="link">隐私政策</van-notice-bar>
    </div>
  </div>
</template>

<script>
import Vue from 'vue';
import { NavBar } from 'vant';
import { NoticeBar } from 'vant';

Vue.use(NoticeBar);
Vue.use(NavBar);
export default {};
</script>

<style lang="scss" scoped>
.van-nav-bar  {
  .van-icon{
    color: #000;
  }
}
    

.conter{
  .van-notice-bar{
    color: #666;
  }
}
</style>
